<template>
  <div class="app-container">
    <NavBar class="nav-bar" />
    <AppMain class="app-main p-base-h p-base-v" />
  </div>
</template>

<script setup>
import NavBar from "./components/NavBar.vue";
import AppMain from "./components/AppMain.vue";
</script>

<style lang="less" scoped>
.app-container {
  min-height: 100vh;
  width: 100vw;
  padding-top: @nav-height;
  background-color: #f4f4f5;
}
.nav-bar {
  height: @nav-height;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}
.app-main {
  width: 100%;
  min-height: calc(100% - @nav-height);
}
</style>
